//Button Sizes
@mixin button-size($padding-vertical,$padding-horizontal,$font-size,$line-height,$border-radius){
	padding: $padding-vertical $padding-horizontal;
	//font-size: $font-size;
	line-height: $line-height;
	border-radius: $border-radius;

	@include font-dpr($font-size);
}

//Button variants

@mixin button-variant($color,$background,$border-color){
	color: $color;
	background-color: $background;
	border-color: $border-color;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;

	&:hover,
	&:focus,
	&:active {
		color: $color;
		background-color: darken($background, 3%);
		border-color: darken($border-color, 5%);
	}

	&[disabled],
	fieldset[disabled] & {
		&,
		&:hover,
		&:focus,
		&:active {
			background-color: $background;
			border-color: $border-color;
		}
	}
}